<html>
	<head>
		<link href="../css/options.css" type="text/css" rel="stylesheet"/>
	    <script type="text/javascript" src="../scripts/prototype-1.6.0.3.js">
	    </script>
	    <script type="text/javascript" src="../scripts/MD5.js"></script>
		<script type="text/javascript" src="../scripts/common.ui.js"></script>
	    <script type="text/javascript" src="../scripts/popup.js"></script>
	</head>
	<body>
		<div class="block">
			<h1 class="hide"><span class="delicious"><a href="http://delicious.com/" target="blank">delicious</a> Extension</span><br/ > Synchronization Sumary</h1>
			<div class="block-inner first" id="create-bookmark">
				<div class="block-inner-left-border">
					<div class="h1" onclick="togglePanel('create-bookmark');toggleOpened();">Create Bookmarks</div>
					<div class="input-content">
						<div class="input-item">
		                    <label for="url-input">URL:</label><br/>
		                    <input name="url" id="url-input" class="text-input" onchange="createBookmarkEdited()" onkeydown="schedCreateBookmarkEdited('url-input')"/><br/>
		                    <div class="input-tip">REQUIRED</div>
		                </div>
						<div class="input-item">
		                    <label for="title-input">TITLE:</label><br/>
		                    <input name="title" id="title-input" class="text-input" onchange="createBookmarkEdited()" onkeydown="schedCreateBookmarkEdited('title-input')"/><br/>
		                    <div class="input-tip">REQUIRED</div>
		                </div>
						<div class="input-item">
		                    <label for="notes-input">NOTES:</label><br/>
		                    <input name="notes" id="notes-input" class="text-input" onchange="createBookmarkEdited()" onkeydown="schedCreateBookmarkEdited('notes-input')"/><br/>
		                </div>
		                <div class="input-item">
		                    <label for="tags-input">TAGS:</label><br/>
		                    <input name="tags" id="tags-input" class="text-input" onchange="createBookmarkEdited()" onkeydown="schedCreateBookmarkEdited('tags-input')"/><br/>
		                </div>
		                <div class="input-item">
		                    <label for="send-input">SEND:</label><br/>
		                    <input name="send" id="send-input" class="text-input" onchange="createBookmarkEdited()" onkeydown="schedCreateBookmarkEdited('send-input')"/><br/>
		                </div>
						<div class="buttons">
							<input type="button" class="" value="Create Bookmark" id="import-button" onclick="createBookmark()"/>
						</div>
					</div>
				</div>
			</div>
			<div class="block-inner first hover disabled" id="bookmarks">
				<div class="block-inner-left-border">
					<div class="h1" onclick="togglePanel('bookmarks')">Bookmarks</div>
					<div class="input-content">
						<div class="input-item">Current status:
							<div class="input-item result" id="result"></div>
						</div>
						<div class="buttons">
							<input type="button" class="disabled" value="Import them" id="import-button" />
						</div>
					</div>
				</div>
			</div>
			<div class="block-inner disabled" id="tags-n-trees">
        	<div class="block-inner-left-border">
        		<div class="h1" onclick="togglePanel('tags-n-trees')"> Tags and Trees </div>
        		<div class="input-content">
        			<div class="input-item result"></div>        			
        		</div>
        	</div>
			<div class="input-content">
			</div>
        </div>
			<div class="block-inner" id="config-panel">
				<div class="block-inner-left-border">
					<a class="h1" href="options.html" target="blank">Configurations</a>
				</div>
			</div>
			<table style="width: 100%">
			<tr>
			<td><div class="sync-button" onclick="update_now()"><div class="sync-button-hover">&nbsp;</div></div> 
			</td>
			<td><div class="hide">				
				<div class="copyright ">
					<b>Shinjikun</b>'s <span class="delicious">delicious</span> Tool.<br/>
					MailTo <a href="mailto:IkariEnator@gmail.com">me</a> if you (dis)like it.
				</div>
			</div>
			</td>
			</tr>
			</table>		
		</div>
	</body>
</html>